<template>
  <div>
    Son {{ num }}
    <button @click="handleClick">按钮</button>
  </div>
</template>

<script>
export default {
  name: "SonComp",
  props: {
    num: {
      type: Number,
      required: true,
    },
    setNum: {
      type: Function,
      required: true,
    },
  },
  methods: {
    handleClick() {
      // props 特点：只读的，不能修改
      // 想要修改props数据：1. 先在数据源定义更新数据方法 2. 再将方法传递过来从而调用方法修改数据
      // 数据源在哪，更新数据的方法就在哪
      // this.num++; // 报错
      this.setNum();
    },
  },
};
</script>

<style></style>
